<template>
  <div>
    <el-card>
      <div class="main">
        <div class="main-top">
          <h3>集体建设用地占用联审单</h3>
        </div>
        <div class="main-bottom">
          <div class="item1">
            <table cellspacing="0" cellpadding="0" class="outtable">
              <tbody align="center">
                <tr>
                  <td align="right" width="18%">项目名称&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectName }}
                  </td>
                  <td align="right" width="18%">日期&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.startTime }}
                  </td>
                </tr>
                <tr>
                  <td align="right">经办人&nbsp;&nbsp;</td>
                  <td align="left">&nbsp;{{ projectInfo.projectTerritory }}</td>
                  <td align="right">联系方式&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.agent }}
                  </td>
                </tr>
                <tr>
                  <td align="right">宗地位置&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.position }}
                  </td>
                  <td align="right">具体位置&nbsp;&nbsp;</td>
                  <td align="left">&nbsp;&nbsp;{{ projectInfo.specificLocation }}</td>
                </tr>
                <tr>
                  <td align="right">宗地面积(平方米)&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.landAreaRice }}
                  </td>
                  <td align="right">宗地面积(亩)&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.landAreaMu }}
                  </td>
                </tr>
                <tr>
                  <td align="right">容积率&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.plotRatio }}
                  </td>
                  <td align="right">建筑密度&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.buildingDensity }}
                  </td>
                </tr>

                <tr>
                  <td align="right">绿化率%&nbsp;&nbsp;</td>
                  <td align="left" colspan="3">
                    &nbsp;&nbsp;{{ projectInfo.greeningRate }}
                  </td>
                </tr>
                <tr>
                  <td align="right">规划用途&nbsp;&nbsp;</td>
                  <td align="left" colspan="3">&nbsp;&nbsp;{{ projectInfo.plannedUse }}</td>
                </tr>
                <tr>
                  <td align="right">政府审批意见&nbsp;&nbsp;</td>
                  <td align="left" colspan="3">
                    &nbsp;&nbsp;{{ projectInfo.govermentOpinion }}
                  </td>
                </tr>
                <tr>
                  <td align="right">其他说明&nbsp;&nbsp;</td>
                  <td align="left" colspan="3">
                    &nbsp;&nbsp;{{ projectInfo.otherInstructions }}
                  </td>
                </tr>

                <tr>
                  <td align="right">中心所(分局)意见&nbsp;&nbsp;</td>
                  <td align="left" colspan="3" style="height: 80px">
                     <ul class="zxsyj">
                      <li>
                        <div class="idea">{{ projectInfo.centralOption }}</div>
                        <div class="info">
                          <span class="jbr">负责人:wxh</span>
                          <span class="date">日期:2021-6-9</span>
                        </div>
                      </li>
                    
                    </ul>
                  </td>
                </tr>
                <tr>
                  <td align="right">权益股意见&nbsp;&nbsp;</td>
                  <td colspan="3" style="height: 80px">
                    <ul class="gqyj">
                      <li>
                        <div class="idea">111</div>
                        <div class="info">
                          <span class="jbr">经办人:wxh</span>
                          <span class="date">日期:2021-6-9</span>
                        </div>
                      </li>
                      <li>
                        <div class="idea">111</div>
                        <div class="info">
                          <span class="jbr">负责人:wxh</span>
                          <span class="date">日期:2021-6-9</span>
                        </div>
                      </li>
                    </ul>
                  </td>
                </tr>
                <!-- 联审意见 -->
                <tr style="height: 400px" >
                  <td colspan="4">
                    <table cellpadding="0" cellspacing="0" class="lsyjtable">
                      <tr>
                        <!-- <td rowspan="5" width="10%">联审意见</td> -->
                        <td rowspan="5" width="2.5%" align="center" class="bdc">
                          联审意见
                        </td>
                        <td width="15.5%" align="right">核实办意见</td>
                        <td class="colorwhite">
                          <ul class="tongyong">
                            <li>
                              <div class="idea">1113333</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                          </ul>
                        </td>
                        <td class="colorwhite">
                            <ul class="tongyong">
                            <li>
                              <div class="idea">111222</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                            </ul>
                        </td>
                      </tr>
                      <tr>
                        <td align="right">信息中心意见</td>
                        <td class="colorwhite">
                          <ul class="tongyong">
                            <li>
                              <div class="idea">1113333</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                          </ul>
                        </td>
                        <td class="colorwhite">
                          <ul class="tongyong">
                            <li>
                              <div class="idea">1113333</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                          </ul>
                        </td>
                      </tr>
                      <tr>
                        <td align="right">土地储备中心意见</td>
                       <td class="colorwhite">
                          <ul class="tongyong">
                            <li>
                              <div class="idea">1113333</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                          </ul>
                        </td>
                        <td class="colorwhite">
                          <ul class="tongyong">
                            <li>
                              <div class="idea">1113333</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                          </ul>
                        </td>
                      </tr>
                      <tr>
                        <td align="right">执法大队意见</td>
                        <td class="colorwhite">
                          <ul class="tongyong">
                            <li>
                              <div class="idea">1113333</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                          </ul>
                        </td>
                        <td class="colorwhite">
                          <ul class="tongyong">
                            <li>
                              <div class="idea">1113333</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                          </ul>
                        </td>
                      </tr>
                      <tr >
                        <td class="bdc" align="right">不动产登记中心意见</td>
                        <td class="colorwhite bdc">
                          <ul class="tongyong">
                            <li>
                              <div class="idea">1113333</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                          </ul>
                        </td>
                        <td class="colorwhite bdc">
                          <ul class="tongyong">
                            <li>
                              <div class="idea">11133334</div>
                              <div class="info">
                                <span class="jbr">经办人:wxh</span>
                                <span class="date">日期:2021-6-9</span>
                              </div>
                            </li>
                          </ul>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr class="hz">
                  <td align="right">汇总联审意见&nbsp;&nbsp;</td>
                  <td align="left" colspan="3" style="height: 80px">
                    <ul class="zxsyj">
                      <li>
                        <div class="idea">111</div>
                        <div class="info">
                          <span class="jbr">负责人:wxh</span>
                          <span class="date">日期:2021-6-9</span>
                        </div>
                      </li>
                    
                    </ul>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import { getProjectInfo } from "@/api/ywsp/db.js";
export default {
  data() {
    return {
      rwid: "",
      projectInfo: [],
      projectInfo1: [],
    };
  },
  async created() {
    this.rwid = this.$route.query.featid;
    const res = await getProjectInfo({
      rwid: this.rwid,
    });
    console.log(res);
    this.projectInfo = res.data.result[0]["txmxx"];
    this.projectInfo1 = res.data.result[0]["tsqdw"];
    console.log(this.projectInfo);
  },
};
</script>

<style lang="scss" scoped>
/* 必填项设置样式 */

.noborder{
  border-bottom: none;
}
.bdc{
  border-bottom:none !important;
  
}
.zxsyj {
  display: flex;
  li {
    flex: 1;
    display: flex;
    // flex-direction: column;
    justify-content: space-around;
    // align-content: center;
    height: 100%;
      .idea {
    margin-left: -10px;
    margin-top:10px;
    }
  .info {
    margin-top: 50px;
    .jbr {
      margin-right: 210px;
      margin-left:10px;
    }
   

  }
  }
}
.tongyong{
   height: 100%;
   display: flex;
    li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 100%;
     .idea {
    margin-left: 10px;
    }
  .info {
    margin-top: 20px;
    .jbr {
      margin-right: 230px;
      margin-left:10px;
    }

   }
  }
}
.gqyj {
  height: 100%;
  display: flex;
  li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 100%;
  }
  li:nth-child(1) {
    border-right: 1px solid #dfe2eb;
  }
  .idea {
    margin-left: -480px;
  }
  .info {
    margin-top: 20px;
    .jbr {
      margin-right: 230px;
    }
    .date {
      margin-right: 150px;
    }
  }
}
.main {
  // width:1075px;
  width: 100%;
  // height: calc(100% - 60px);
  // height: 763px;
  // overflow-y: scroll;
  // height: 100%;
  padding-right: 20px;
  margin: 0 auto;
  h5 {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .main-top {
    height: 50px;
    margin-top: 10px;
    text-align: center;
    h3 {
      font-size: 20px;
    }
  }
  .main-bottom {
    margin: 0 auto;
    .item1 {
      margin-bottom: 30px;
      .outtable {
        width: 100%;
        height: 100%;
        // border: 1px solid #E0E1E2;
        border-top: 0.5px solid #dfe2eb;
        border-left: 0.5px solid #dfe2eb;
        td {
          height: 42px;
          font-size: 12px;
          border-right: 0.5px solid #dfe2eb;
          border-bottom: 0.5px solid #dfe2eb;
        }
        td:nth-child(2n + 1) {
          background-color: #f8f8f8;
          color: #606266;
          font-size: 12px;
        }
      }
      .lsyjtable {
        height: 100%;
       td:last-child{
         border-right:none;
       }
        .colorwhite {
          background-color: #fff !important;
        }
      }
    }
  }
}
</style>